<script setup>
import {computed, ref} from "vue";

const a = ref("a")
const b = ref("b")
// 计算属性也是一个ref定义的响应式数据
/**
 * 计算属性-只读
 */
let c = computed(() => {
  return a.value + b.value
})

/**
 * 计算属性-可读可写
 */
let d = computed({
  get() {
    return a.value + b.value
  },
  set(val) {
    a.value = val[0]
    b.value = val[1]
  }
})


</script>

<template>
  v-bind 单向绑定，数据只能由data流向页面
  <input type="text" v-bind:value="a">
  v-model 双向绑定
  <input v-model="a" type="text">
</template>

<style scoped>

</style>